<template>
  <div class="work-box">
    <div class="work-main">
      <work-prompt />
      <work-custom />
      <work-modules />
      <div class="work-statis">
        <holiday-statis />
        <work-fast />
      </div>
      <work-cost />
    </div>
  </div>
</template>

<script>
  import { defineComponent, toRefs, onBeforeMount, onMounted } from 'vue';
  import WorkPrompt from '@/views/board-work/components/work-prompt.vue';
  import WorkCustom from '@/views/board-work/components/work-custom.vue';
  import WorkModules from '@/views/board-work/components/work-module.vue';
  import HolidayStatis from '@/views/board-work/components/holiday-statis.vue';
  import WorkFast from '@/views/board-work/components/work-fast.vue';
  import WorkCost from '@/views/board-work/components/work-cost.vue';
  import '@/views/board-work/css/index.less';
  export default defineComponent({
    name: 'BoardWork',
    components: {
      WorkPrompt,
      WorkCustom,
      WorkModules,
      HolidayStatis,
      WorkFast,
      WorkCost,
    },
    setup() {
      const state = {};
      onBeforeMount(() => {});
      onMounted(() => {});
      return {
        ...toRefs(state),
      };
    },
  });
</script>
<style scoped lang="less">
  .work-box {
    width: 100%;
    height: 100%;
    overflow: auto !important;
    background-color: #f0f2f5;
    .work-main {
      width: 1250px;
      margin: 0 auto;
      padding: 20px 0;
      .work-statis {
        width: 100%;
        display: flex;
        justify-content: space-between;
        margin-top: 20px;
      }
    }
  }
</style>
